@charset "utf-8";
@import "common/reset";
@import "common/common";
.content{
    margin-top: 80px;
    padding-bottom: 136px;
}
.banner{
    height: 600px;
    width: 100%;
    position: relative;
    overflow: hidden;
    img{
        position: absolute;
        left: -999px;
        right: -999px;
        margin: auto;
        height: 100%;
    }
}
.title{
    h3{
        font-size: 30px;
    }
    h2::after{
        margin:14.6px auto 12px;
    }
}
.employee-benefits{
    padding-top: 80.6px;
    .title{
        margin-bottom: 44px;
    }
    .banner{
        height: 650px;
    }
}
.environment{
    padding: 80px 0 56px;
    p{
        text-align: center;
        font-size: 16px;
        line-height: 36px;
    }
    .environment-show{
        height: 545px;
        width: 100%;
        max-width: 1521px;
        overflow: hidden;
        position: relative;
        margin: 0 auto 53px;
        img{
            vertical-align: top;
            position: absolute;
        }
        img:first-child,img:nth-child(2),img:nth-child(3),img:nth-child(4){
            top: 0;
        }
        img:nth-child(5),img:nth-child(6),img:nth-child(7){
            bottom: 0;
        }
        img:nth-child(2),img:nth-child(6){
            left: 360px;
        }
        img:nth-child(3),img:nth-child(7){
            right: 378px;
        }
        img:nth-child(4){
            right: 0;
        }
        img:nth-child(5){
            left: 0;
        }
    }
}
.recruitment-information{
    width: 1004px;
    margin: 0 auto;
    .position{
        
    }
    .position-name{
        width: 100%;
        border-top: 2px dashed #a6a6a6;
        border-bottom: 2px dashed #a6a6a6;
        padding-top: 37px;
        padding-bottom: 40px;
        >div{
            width: 50%;
            float: left;
        }
        >div:first-child{
            font-size: 0;
            >b,span{
                font-size: 20px;
            }
            >b{
                margin-right: 23px;
            }
            >span{
                color: #6b6b6b;
            }
        }
        >div:first-child::after{
            content:"";
            display:block;
            width: 246px;
            height: 2px;
            background: #e26304;
            margin-top: 20px;
        }
    }
    .department{
        font-size: 0;
        position: relative;
        span{
            font-size: 18px;
            color: #6b6b6b;
            margin-right: 10px;
        }
        p{
            line-height: 32px;
        }
        .icon{
            display: block;
            border-right: 2px solid #676767;
            border-bottom: 2px solid #676767;
            width: 14px;
            height: 14px;
            position: absolute;
            transform: rotate(45deg);
            top: 0;
            right: 0;
        }
    }
    .position-des{
        color:#6b6b6b;
        padding-top: 47px;
        padding-bottom: 49px;
        .wage{
            span{
                margin-right: 32px;
            }
        }
        >div{
            line-height: 41px;
            margin-bottom: 20px;
        }
    }
    .line{
        height: 0;
        width: 100%;
        border-bottom: 2px dashed #a6a6a6;
    }
}
.notice{
    font-size: 14px;
    color: #6b6b6b;
    line-height: 26px;
    padding-top: 33px;
}
